<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8" />
		<base href="../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		[page:BufferGeometry] &rarr;

		<h1>[name]</h1>

		<p class="desc">
			[name]는 유클리드 기하학의 단순한 모양입니다.
			중심점을 중심으로 방향을 잡고 주어진 반경만큼 멀리 뻗어있는 많은 삼각형 세그먼트로 구성됩니다.
			시작 각도와 주어진 중심 각도에서 시계 반대 방향으로 만들어집니다.
			세그먼트의 수가 변의 수를 결정하는 정규 다각형을 만드는 데도 사용할 수 있습니다.
		</p>

		<iframe id="scene" src="scenes/geometry-browser.html#CircleGeometry"></iframe>

		<script>

		// iOS iframe auto-resize workaround

		if ( /(iPad|iPhone|iPod)/g.test( navigator.userAgent ) ) {

			const scene = document.getElementById( 'scene' );

			scene.style.width = getComputedStyle( scene ).width;
			scene.style.height = getComputedStyle( scene ).height;
			scene.setAttribute( 'scrolling', 'no' );

		}

		</script>

		<h2>코드 예제</h2>

		<code>
		const geometry = new THREE.CircleGeometry( 5, 32 );
		const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
		const circle = new THREE.Mesh( geometry, material );
		scene.add( circle );
		</code>

		<h2>생성자</h2>

		<h3>[name]([param:Float radius], [param:Integer segments], [param:Float thetaStart], [param:Float thetaLength])</h3>
		<p>
		radius — 원의 반지름, 기본값 = 1.<br />
		segments — 세그먼트 수(삼각형), 최소값 = 3, 기본값 = 32.<br />
		thetaStart — 첫 세그먼트의 각도 시작, 기본값 = 0 (3시 위치).<br />
		thetaLength — 원형 섹터의 중심 각도(흔히 세타라고 함)입니다. 기본값은 완전한 원을 만드는 2*Pi 입니다.
		</p>

		<h2>프로퍼티</h2>
		<p>일반 프로퍼티는 기본 [page:BufferGeometry] 클래스를 참조하십시오.</p>

		<h3>[property:Object parameters]</h3>
		<p>
		각 생성자 매개 변수에 대한 속성을 가진 개체입니다. 인스턴스화 후에 수정해도 지오메트리는 변경되지 않습니다.
		</p>

		<h2>메서드</h2>
		<p>일반 메서드는 기본 [page:BufferGeometry] 클래스를 참조하십시오.</p>

		<h2>소스코드</h2>

		<p>
			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
		</p>
	</body>
</html>
